<template>
  <div>
    <nav01 :avatar="avatar"></nav01>
    <centerContent></centerContent>
    <iconData></iconData>
    <type01></type01>
    <foot01></foot01>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue';
import centerContent from './components/centerContent.vue';
import iconData from './components/iconData.vue';
import type01 from './components/type.vue';
import nav01 from './components/nav.vue';
import foot01 from './components/foot.vue';

export default defineComponent({
  components: {
    centerContent,
    iconData,
    type01,
    nav01,
    foot01
  },
  setup() {
    // 从本地存储中获取用户头像信息
  const avatar = localStorage.getItem('userAvatar') || '';
    return {
      avatar
    };
  }
});
</script>

<style scoped>
/* 样式代码 */
</style>
